<div style="border: brown solid;text-indent: -20px;">negative text-indent of -20px</div>
<div style="border: blue solid 1px; text-indent: 100px; padding: 5px;">simple text indent<br>
new line
<div style="border: cyan dashed 1px; width: 300px; padding: 5px;">
This is a
<br>
nested div
<br>
Does it keep the indent?
</div>
<div style="border: blue solid 1px; width: 500px; text-indent: 50%; padding: 5px;">simple text indent with percent<br>
new line
<div style="border: cyan dashed 1px; width: 250px; padding: 5px;">
This is a
<br>
nested div
<br>
How does it manage the percent?
</div>
</div>
<div style="border: red solid 1px; width: 100px; text-indent: 50px;">text indent of 50px,
with a total width of 100px.</div>
<div style="border: green solid 1px; width: 300px; text-indent: 100px;">
<div style="width: 50px; height: 50px; background: cyan; float: left;">
<font color=yellow><small>LEFT<br>FLOAT</small></font></div>
text indent of 100px,
with a total width of 300px, and a left aligned float box
measuring 50px, 50px.
</div>
<div style="width: 300px; border: orange solid 1px; text-indent: -50px;">
<div style="width: 60px; height: 60px; background: cyan; float: left;">
<font color=yellow><small>LEFT FLOAT</small></font></div>
Div with negative text-indent of -50px and a float measuring
60x60.
<br>
Div with negative text-indent of -50px.
</div>
<div style="width: 100px; text-indent: 70px; border: solid black;">
    <!-- IE expands whereas Firefox overflows -->
	Thisisabox100pxwiiiiiiide with an indent of 70px.
	Does it expand the box?
</div>

